<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, inital-scale=1.0" />
        <title>XXX荷包注册</title>
        <script src='js/jquery.min.js'></script>
        <script src="js/reg.js"></script>
        <style>
            .bg {background: #fff;}
            ul,li {list-style-type: none; margin-block-start: 0px;padding-inline-start: 0px; margin-block-end: 0px; text-align:left;}
            .logo { margin:0 auto; margin-top:1.6rem; width:1.8rem;}
            .logo img {width:1.8rem; height:1.8rem;}
            .reg_list {margin-top:1.4rem; margin-left:0.6rem; margin-right:0.6rem; font-size:0.32rem; color:#333;}
            .reg_box {border:1px solid #e3e3e3; height:1rem; line-height: 1rem; border-radius: 0.5rem; margin-top:0.3rem;}
            .reg_box label {margin-left:0.3rem; display:block; float: left;}
            .reg_box input {font-size:0.32rem; width:50vw;  background: #fff; margin-top:0.28rem; border:none;}
            .reg_box input:focus{outline: 0px;}
            .btn {background: #FF491F; color:#fff; text-align: center;}
            .text_btn {text-align: center;}
        </style>
    </head>
    <body>
        <div class="bg">
            <div class="logo">
                <img id="logo" src="images/logo.png">
            </div>
            <div class="reg_list">
                <ul>
                    <li>
                        <div class="reg_box">
                            <label>邀请码：</label>
                            <input id="referralCode" type="text" value="" disabled placeholder="请输入推荐人邀请码">
                        </div>
                    </li>
                    <li>
                        <div class="reg_box">
                            <label>手机号：</label>
                            <input id="cellphone" type="text" value="" placeholder="请输入要绑定的手机号">
                        </div>
                    </li>
                    <li style="display: flex;">
                        <div class="reg_box">
                            <input id="verificationCode" type="text" style="margin-left:0.3rem; width:2.8rem; margin-right:0.3rem;" value="" placeholder="请输入验证码">
                        </div>
                        <div class="reg_box" id="codeBtn" style="margin-left:0.3rem; width:2.6rem;  color:#FF491F; text-align: center;">
                            获取验证码
                        </div>
                        <div class="reg_box" id="codeBtn2" style="margin-left:0.3rem; width:2.6rem; display: none; color:#FF491F; text-align: center;">
                            
                        </div>
                    </li>
                    <li>
                        <div style="margin-top:0.3rem; width:100%; color:#ff0000; text-align: center;" id="message"></div>
                    </li>
                    <li>
                        <div id="fromBtn" class="reg_box btn">确认</div>
                    </li>
                    <li>
                        <div id="download" class="reg_box text_btn">
                            <div>已注册 直接下载</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>